const textColor = '';
const inputColor = '#212142';
const formInputHeightLarge = '50px';
const themeOverrides = {
  common: {
    color: 'red',
    primaryColor: '#14DFE9',
    // modalColor:  'linear-gradient(180deg, #B7C2FD 0%, #FFFFFF 77%)'
  },
  Button: {
    heightLarge: formInputHeightLarge,
    color: 'linear-gradient(91deg, #14DFE9 0%, #8A5CFC 100%)',
    textColor: '#000',
    border:'none'
  },
  Carousel: {
    dotLineWidth: '5px',
    dotLineWidthActive: '10px',
    
  },
  Input: {
    size: 'large',
    // height: '50px', // 有用
    heightLarge: formInputHeightLarge,
    // paddingLarge: '1.55rem', // 没用
    color: inputColor,
    textColor: '#fff',
    backgroundColor: 'red',
    colorFocus: inputColor,
    colorFocusError: inputColor,
    placeholderColor: '#B3B7BC',
    // border: 'none',
    // borderFocus: 'none',
    // borderHover: 'none'
  },
  Select: {
    peers: {
      InternalSelection: {
        textColor: 'blue'
      }
    }
  },
  Dropdown: {
    color: '#2F2D38',
    optionTextColor: '#ffffff',
    suffixColor: 'red',
    prefixColor: '#ffffff',
    dividerColor:'#403D4E'
  },
  Slider: {
    railHeight: '14px',
    dotHeight: '14px',
    dotWidth: '14px',
    dotBorderRadius:'10px',
    indicatorColor: '#ffffff',
    indicatorTextColor: '#000000',
    // dotBorderActive:'10px solid #ffffff'
    handleBoxShadowFocus: '8px 8px 8px 0px rgba(167,214,170,0.1)',
    handleBoxShadowActive: '8px 8px 8px 0px rgba(167,214,170,0.1)',
    handleBoxShadowHover: '8px 8px 8px 0px rgba(167,214,170,0.1)',
    handleBoxShadow:'8px 8px 8px 0px rgba(167,214,170,0.1)'
  },
  Avatar: {
    color: 'rgba(255, 255, 255, 0)'
  },
  Modal: {
    borderRadisu: '24px'
  },
  Bar: {
    color:  'linear-gradient(91deg, #14DFE9 0%, #8A5CFC 100%)',
  }
  // ...
}

export default themeOverrides
